<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>试卷题库</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="css/xadmin.css">
    

    <style>
        /* 改变layui选择框的背景颜色和字体颜色 */
        .layui-form-select dl dd.layui-this {
            background-color: #409eff;
            color: #dcdfe6;
        }

        .layui-laypage .layui-laypage-curr .layui-laypage-em {

            background-color: rgba(30, 159, 255, 0.76) !important
        }
    </style>
</head>

<body>
   
    <!-- bootstrap的容器布局 -->
    <div>
        <!-- 头部工具栏，用script标签包裹 -->
        <script type="text/html" id="searchToolBar">
            <!-- <div class="layui-inline">
                <input type="text" class="layui-input" name="paperQuestionId" id="paperQuestionId" placeholder="题目ID">
            </div>
            <div class="layui-inline">
                <select id="questionType" lay-filter="questionType" lay-search required lay-verify="required">
                    <option value="">题型</option>
                    <option value=1>单选题</option>
                    <option value=2>多选题</option>
                    <option value=3>判断题</option>
                </select>
            </div> -->
            
            <!-- <div class="layui-inline">
                <button type="button" id="searchBtn" class="layui-btn" lay-event="search" style="background-color: rgba(30, 159, 255, 0.76) !important;"><i class="layui-icon">&#xe615;</i></button>
            </div> -->

            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="getCheckData">查看当前选中试题</button>
                <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">查看当前选中试题数</button>
                <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="addAll">确定</button>
            </div>
        </script>
        

        <!-- 行操作工具栏 -->
        <script type="text/html" id="handleDemo">
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">预览</a>
        </script>
        <table id="demo" class="layui-hide" lay-filter="paperQuestionList"></table>


        <div id="showOne" style="width: 800px;padding: 30px;display: none;">
            <div style="width: 100%;" >
                <span class="title2"></span>
            </div>
            <div style="margin-top: 30px;">
                <div style="margin-left: 30px;display: inline-block;">
                    A&nbsp;&nbsp;&nbsp;<span class="questionA2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    B&nbsp;&nbsp;&nbsp;<span class="questionB2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    C&nbsp;&nbsp;&nbsp;<span class="questionC2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    D&nbsp;&nbsp;&nbsp;<span class="questionD2"></span>
                </div>
            </div>

        </div>

        <div id="showTwo" style="width: 800px;padding: 30px;display: none;">
            <div style="width: 100%;">
                <span class="title2"></span>
            </div>
            <div style="margin-top: 30px;">
                <div style="margin-left: 30px;display: inline-block;">
                    A&nbsp;&nbsp;&nbsp;<span class="questionA2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    B&nbsp;&nbsp;&nbsp;<span class="questionB2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    C&nbsp;&nbsp;&nbsp;<span class="questionC2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    D&nbsp;&nbsp;&nbsp;<span class="questionD2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    E&nbsp;&nbsp;&nbsp;<span class="questionE2"></span>
                </div>
            </div>

        </div>

        <div id="showThree" style="width: 800px;padding: 30px;display: none;">
            <div style="width: 100%;" >
                <span class="title2"></span>
            </div>
            <div style="margin-top: 30px;">
                <div style="margin-left: 30px;display: inline-block;">
                    A&nbsp;&nbsp;&nbsp;<span class="questionA2"></span>
                </div>
                <div style="margin-left: 30px;display: inline-block;">
                    B&nbsp;&nbsp;&nbsp;<span class="questionB2"></span>
                </div>
                
            </div>

        </div>
    </div>


    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="js/over/paperQuestion_add.js"></script>
    <script src="js/xadmin.js"></script>
</body>

</html>